<!DOCTYPE html>
<html lang="zh-cmn-Hans">
    <!--<< Header Area >>-->
    <head>

        <link rel="icon" href="/assets/img/logo/logo_sqr.png"/>

        <!-- ========== Meta Tags ========== -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="author" content="fQwQf">
        <meta name="description" content="锦麒行">
        <!-- ======== Page title ============ -->
        <title>锦麒行旅游</title>
        <!--<< Favcion >>-->
        <!--<link rel="shortcut icon" href="assets/img/preloader.svg">-->
        <!--<< Bootstrap min.css >>-->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <!--<< Font Awesome.css >>-->
        <link rel="stylesheet" href="assets/css/font-awesome.css">
        <!--<< Animate.css >>-->
        <link rel="stylesheet" href="assets/css/animate.css">
        <!--<< Magnific Popup.css >>-->
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <!--<< MeanMenu.css >>-->
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <!--<< Slick.css >>-->
        <link rel="stylesheet" href="assets/css/slick.css">
        <!--<< Nice Select.css >>-->
        <link rel="stylesheet" href="assets/css/nice-select.css">
        <!--<< Main.css >>-->
        <link rel="stylesheet" href="assets/css/main.css">
        <!--<< Style.css >>-->
        <link rel="stylesheet" href="style.css">

    </head>

    <body>

        <!-- Preloader Start -->
        <div id="preloader" class="preloader">
            <div class="animation-preloader">
                <div class="spinner">                
                </div>
                <div class="txt-loading">
                    <span data-text-preloader="锦" class="letters-loading">
                        锦
                    </span>
                    <span data-text-preloader="麟" class="letters-loading">
                        麟
                    </span>
                    <span data-text-preloader="行" class="letters-loading">
                        行
                    </span>
                    <span data-text-preloader="旅" class="letters-loading">
                        旅
                    </span>
                    <span data-text-preloader="游" class="letters-loading">
                        游
                    </span>
                </div>
                <p class="text-center">加载中</p>
            </div>
            <div class="loader">
                <div class="row">
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                </div>
            </div>
        </div>


        <?php include "./offcanvas.html" ?>

        <?php include "./header.html" ?>

        <!-- Search Area Start -->
        <div class="search-wrap">
            <div class="search-inner">
                <i class="fas fa-times search-close" id="search-close"></i>
                <div class="search-cell">
                    <form method="get">
                        <div class="search-field-holder">
                            <input type="search" class="main-search-input" placeholder="Search...">
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!--<< Hero Section Start >>--> 
        <section class="hero-section hero-1">
            <div class="hero-slider-active">
                <div class="slide-bg bg-cover wow zoomIn" style="background-image: url('assets/img/hero/hero-1.jpg');">
                    <div class="container">
                        <div class="row g-4 justify-content-between align-items-center">
                            <div class="col-lg-8">
                                <div class="hero-content">
                                    <h4 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.2">欢迎来到锦麒行旅游</h4>
                                    <h1 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                        锦麒行旅游信息咨询有限公司——<br/>
                                        您的一站式出行专家。
                                    </h1>
                                    <div class="hero-button">
                                        <a href="contact.php" class="theme-btn hover-white fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.7">
                                           <span>
                                                联系我们
                                                <i class="fas fa-chevron-right"></i>
                                           </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="frame-shape fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                    <img src="assets/img/hero/frame-shape.png" alt="shape-img">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slide-bg bg-cover wow zoomIn" style="background-image: url('assets/img/hero/hero-2.jpg');">
                    <div class="container">
                        <div class="row g-4 justify-content-between align-items-center">
                            <div class="col-lg-8">
                                <div class="hero-content">
                                    <h4 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.2">酒店代订</h4>
                                    <h1 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                        精选全球优质酒店，确保您的住宿舒适安心。
                                    </h1>
                                    <div class="hero-button">
                                        <a href="contact.php" class="theme-btn hover-white fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.7">
                                            <span>
                                                 联系我们
                                                <i class="fas fa-chevron-right"></i>
                                           </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="frame-shape fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                    <img src="assets/img/hero/frame-shape.png" alt="shape-img">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slide-bg bg-cover wow zoomIn" style="background-image: url('assets/img/hero/hero-3.jpg');">
                    <div class="container">
                        <div class="row g-4 justify-content-between align-items-center">
                            <div class="col-lg-8">
                                <div class="hero-content">
                                    <h4 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.2">机票预定</h4>
                                    <h1 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                        合作多家航空公司，为您提供最优惠的机票价格。
                                    </h1>
                                    <div class="hero-button">
                                        <a href="contact.php" class="theme-btn hover-white fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.7">
                                            <span>
                                                 联系我们
                                                <i class="fas fa-chevron-right"></i>
                                           </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="frame-shape fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                    <img src="assets/img/hero/frame-shape.png" alt="shape-img">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slide-bg bg-cover wow zoomIn" style="background-image: url('assets/img/hero/hero-1.jpg');">
                    <div class="container">
                        <div class="row g-4 justify-content-between align-items-center">
                            <div class="col-lg-8">
                                <div class="hero-content">
                                    <h4 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.2">演唱会票务</h4>
                                    <h1 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                        独家票源，让您不错过任何精彩瞬间。
                                    </h1>
                                    <div class="hero-button">
                                        <a href="contact.php" class="theme-btn hover-white fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.7">
                                            <span>
                                                 联系我们
                                                <i class="fas fa-chevron-right"></i>
                                           </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="frame-shape fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                    <img src="assets/img/hero/frame-shape.png" alt="shape-img">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slide-bg bg-cover wow zoomIn" style="background-image: url('assets/img/hero/hero-3.jpg');">
                    <div class="container">
                        <div class="row g-4 justify-content-between align-items-center">
                            <div class="col-lg-8">
                                <div class="hero-content">
                                    <h4 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.2">车辆安排</h4>
                                    <h1 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                        从豪华轿车到舒适巴士，满足您的各种需求。
                                    </h1>
                                    <div class="hero-button">
                                        <a href="contact.php" class="theme-btn hover-white fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.7">
                                            <span>
                                                 联系我们
                                                <i class="fas fa-chevron-right"></i>
                                           </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="frame-shape fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                                    <img src="assets/img/hero/frame-shape.png" alt="shape-img">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44" width="44px" height="44px" id="circle" fill="none" stroke="currentColor">
                    <circle r="20" cy="22" cx="22" id="translandcircle"/>
                </symbol>
            </svg>
        </section>

        <!--<< Feature Section Start >>--> 
        <section class="feature-section fix section-padding">
            <div class="shape-image">
                <img src="assets/img/shape.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="row g-4">
                    <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="single-feature-items">
                            <div class="content">
                                <span>特色</span>
                                <h3>
                                    技术驱动
                                </h3>
                            </div>
                            <div class="icon">
                                <img src="assets/img/feature/icon-1.svg" alt="icon-img">
                            </div>
                        </div> 
                    </div>
                    <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="single-feature-items active">
                            <div class="content">
                                <span>特色</span>
                                <h3>
                                    全方位出行安排
                                </h3>
                            </div>
                            <div class="icon">
                                <img src="assets/img/feature/icon-2.svg" alt="icon-img">
                            </div>
                        </div> 
                    </div>
                    <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="single-feature-items">
                            <div class="content">
                                <span>特色</span>
                                <h3>
                                    专业管家服务 
                                </h3>
                            </div>
                            <div class="icon">
                                <img src="assets/img/feature/icon-3.svg" alt="icon-img">
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        </section>

        <!--<< About Section Start >>--> 
        <section class="about-section fix section-padding pt-0">
            <div class="container">
                <div class="about-wrapper">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="about-image-items">
                                
                                <div class="border-shape">
                                    <img src="assets/img/about/border-shape.png" alt="shape-img">
                                </div>
                                <div class="about-image bg-cover wow fadeInLeft" data-wow-delay=".3s" style="background-image: url('assets/img/about/about.jpg');">
                                    <div class="about-image-2 wow fadeInUp" data-wow-delay=".5s">
                                        <img src="assets/img/about/about-2.jpg" alt="about-img">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-5 mt-lg-0">
                            <div class="about-content">
                                <div class="section-title">
                                    <span class="wow fadeInUp">管家服务，贴心至上，锦麒相伴。</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        专业管家服务
                                    </h2>
                                </div>
                                <p class=" mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                    锦麒行旅游提供的专业管家服务旨在为客户提供无缝的旅行体验。管家服务包括但不限于：                                </p>
                                <div class="circle-progress-bar-wrapper">
                                    
                                </div>
                                <ul class="about-list wow fadeInUp" data-wow-delay=".7s">
                                    <li>
                                        <i class="far fa-check me-2"></i>
                                        个性化行程规划：<br>
                                        根据客户的需求和偏好，制定量身定制的旅行计划。
                                    </li>
                                    <li>
                                        <i class="far fa-check me-2"></i>
                                        预订协助：<br>
                                        帮助客户预订酒店、机票和活动票务，确保客户能够享受到最佳的价格和座位。
                                    </li>
                                    <li>
                                        <i class="far fa-check me-2"></i>
                                        现场支持：<br>
                                        在客户旅行期间提供实时的协助和建议，解决任何突发情况。
                                    </li>
                                </ul>
                                <div class="about-author">
                                    <div class="about-button wow fadeInUp" data-wow-delay=".8s">
                                        <a href="about.php" class="theme-btn">
                                           <span>
                                                探索更多
                                                <i class="fas fa-chevron-right"></i>
                                           </span>
                                        </a>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Service Section Start >>-->
        <section class="service-section fix section-padding section-bg">
        <div class="shape-image">
            <img src="assets/img/service/shape.png" alt="shape-img">
        </div>
        <div class="bottom-shape">
            <img src="assets/img/service/bottom-shape.png" alt="shape-img">
        </div>
        <div class="container">
            <div class="title-section-area">
                <div class="section-title">
                    <span class="wow fadeInUp">锦麒，出行的智能选择。</span>
                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                        技术驱动
                    </h2>
                </div>
                <a href="contact.php" class="theme-btn wow fadeInUp" data-wow-delay=".5s">
                    <span>
                        联系我们
                        <i class="fas fa-chevron-right"></i>
                    </span>
                 </a>
            </div>
        </div>
        <div class="service-wrapper">
            <div class="service-carousel-active">
                <div class="service-card-items">
                    <div class="service-content">
                        <div class="icon">
                            <i class="flaticon-blueprint"></i>
                        </div>
                        <div class="content">
                            <h4>01</h4>
                            <h3>
                                <a href="service-details.html">自动化流程</a>
                            </h3>
                            <p>
                                通过互联网脚本和服务器资源，自动搜集和处理机票积分兑换信息，提高效率。
                            </p>
                        </div>
                    </div>
                    <div class="service-image bg-cover" style="background-image: url('assets/img/service/01.jpg');">
                        
                    </div>
                </div>
                <div class="service-card-items">
                    <div class="service-content">
                        <div class="icon">
                            <i class="flaticon-service"></i>
                        </div>
                        <div class="content">
                            <h4>02</h4>
                            <h3>
                                <a href="service-details.html">数据分析</a>
                            </h3>
                            <p>
                                分析客户数据和市场趋势，以提供更符合客户需求的服务。
                            </p>
                        </div>
                    </div>
                    <div class="service-image bg-cover" style="background-image: url('assets/img/service/02.jpg');">
                        
                    </div>
                </div>
                <div class="service-card-items">
                    <div class="service-content">
                        <div class="icon">
                            <i class="flaticon-cloud-storage"></i>
                        </div>
                        <div class="content">
                            <h4>03</h4>
                            <h3>
                                <a href="service-details.html">在线服务平台</a>
                            </h3>
                            <p>
                                通过微信公众号等在线平台，提供便捷的服务和信息获取渠道，增强客户互动。
                            </p>
                        </div>
                    </div>
                    <div class="service-image bg-cover" style="background-image: url('assets/img/service/03.jpg');">
                        
                    </div>
                </div>
                <div class="service-card-items">
                    <div class="service-content">
                        <div class="icon">
                            <i class="flaticon-blueprint"></i>
                        </div>
                        <div class="content">
                            <h4>04</h4>
                            <h3>
                                <a href="service-details.html">技术整合</a>
                            </h3>
                            <p>
                                将多种技术进行整合，使得团队能够更快速地处理预订和客户咨询，同时也能够提供更加准确的个性化推荐。
                            </p>
                        </div>
                    </div>
                    <div class="service-image bg-cover" style="background-image: url('assets/img/service/01.jpg');">
                        
                    </div>
                </div>
                
            </div>
        </div>
        </section>

        <!--<< Service Section Start >>-->
        <section class="trusted-client-section fix section-padding pt-0">
            <div class="container">
                <div class="trusted-client-wrapper">
                    <div class="row align-items-center">
                        <div class="col-xl-5">
                            <div class="trusted-client-image bg-cover" style="background-image: url('assets/img/feature/trusted.jpg');">
                                <div class="icon-box">
                                    <img src="assets/img/circle.png" alt="img" class="text-circle">
                                    <div class="icon">
                                        <img src="assets/img/icon.png" alt="icon-img">
                                    </div>
                                </div>
                                <div class="counter-main-area">
                                    <div class="counter-area">
                                        <div class="counter-items">
                                            <h2><span class="count">35</span>+</h2>
                                            <h3>团队客服</h3>
                                        </div>
                                        <div class="counter-items">
                                            <h2><span class="count">5</span>+</h2>
                                            <h3>紧急方案</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-7 mt-5 mt-xl-0">
                            <div class="trusted-content">
                                <div class="section-title">
                                    <span class="wow fadeInUp">只需一步，锦麒帮你搞定所有旅行难题。</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        全方位出行安排
                                    </h2>
                                </div>
                                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                    锦麒行旅游信息咨询有限公司提供的全方位出行安排，确保客户的每一次出行都无忧无虑。     </p>
                                <div class="single-tab-items">
                                    <ul class="nav mb-4" role="tablist">
                                        <li class="nav-item wow fadeInUp" data-wow-delay=".3s" role="presentation">
                                            <a href="#mission" data-bs-toggle="tab" class="nav-link active" aria-selected="true" role="tab">
                                                交通安排
                                            </a>
                                        </li>
                                        <li class="nav-item wow fadeInUp" data-wow-delay=".5s" role="presentation">
                                            <a href="#strategy" data-bs-toggle="tab" class="nav-link" aria-selected="false" role="tab" tabindex="-1">
                                                行程优化
                                            </a>
                                        </li>
                                        <li class="nav-item wow fadeInUp" data-wow-delay=".7s" role="presentation">
                                            <a href="#vision" data-bs-toggle="tab" class="nav-link" aria-selected="false" role="tab" tabindex="-1">
                                                紧急支持
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div id="mission" class="tab-pane fade show active" role="tabpanel">
                                            <div class="tab-content-items">
                                                <ul class="wow fadeInUp" data-wow-delay=".3s">
                                                    <li>
                                                        <i class="fas fa-check"></i>
                                                        私人车辆服务：为追求私密和舒适旅行体验的客户提供专车服务。                                                    </li>
                                                    <li>
                                                        <i class="fas fa-check"></i>
                                                        租车服务：为喜欢自驾的客户提供各种类型的租车选项。
                                                    <li>
                                                        <i class="fas fa-check"></i>
                                                        公共交通建议：为预算有限或希望体验当地生活的客户提供公共交通路线建议。
                                                    </li>
                                                </ul>
                                                
                                                
                                            </div>
                                        </div>
                                        <div id="strategy" class="tab-pane fade" role="tabpanel">
                                            <div class="tab-content-items">
                                                <ul>
                                                    <li>
                                                        <i class="fas fa-check"></i>
                                                        利用先进的技术和丰富的行业经验，为客户优化行程安排。                                                 
                                                    <li>
                                                        <i class="fas fa-check"></i>
                                                        通过实时监控交通状况和天气预报，及时调整行程。
                                                    <li>
                                                        <i class="fas fa-check"></i>
                                                        避免不必要的延误和等待，确保客户能够高效地完成旅程。 
                                                    </li>
                                                </ul>
                                                
                                                
                                            </div>
                                        </div>
                                        <div id="vision" class="tab-pane fade" role="tabpanel">
                                            <div class="tab-content-items">
                                                <ul>
                                                    <li>
                                                        <i class="fas fa-check"></i>
                                                        在客户旅行过程中，如遇任何紧急情况，均可联系我们取得帮助。
                                                    <li>
                                                        <i class="fas fa-check"></i>
                                                        客服团队将提供24小时支持，解决如交通延误、行程变更等不可预见的事件。
                                                    <li>
                                                    <i class="fas fa-check"></i>
                                                        迅速响应并提供解决方案，确保客户的旅行计划不受影响。
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Brand Section Start >>-->
        <section class="brand-section fix section-padding pt-0">
            <div class="container">
                <div class="brand-wrapper">
                    <h6 class="text-center wow fadeInUp" data-wow-delay=".3s">相关合作伙伴</h6>
                    <div class="brand-carousel-active">
                        <div class="brand-image">
                            <img src="assets/img/brand/01.png" alt="brand-img">
                        </div>
                        <div class="brand-image">
                            <img src="assets/img/brand/01.png" alt="brand-img">
                        </div>
                        <div class="brand-image">
                            <img src="assets/img/brand/01.png" alt="brand-img">
                        </div>
                        <div class="brand-image">
                            <img src="assets/img/brand/01.png" alt="brand-img">
                        </div>
                        <div class="brand-image">
                            <img src="assets/img/brand/01.png" alt="brand-img">
                        </div>
                        <div class="brand-image">
                            <img src="assets/img/brand/01.png" alt="brand-img">
                        </div>
                        <div class="brand-image">
                            <img src="assets/img/brand/01.png" alt="brand-img">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Cta Banner Section Start >>-->
        <!--
        <section class="cta-banner-section bg-cover section-padding" style="background-image: url('assets/img/banner/01.jpg');">
            <div class="container">
                <div class="cta-banner-wrapper section-padding pt-0">
                    <div class="section-title mb-0">
                        <span class="text-white wow fadeInUp">5m+ Trusted Our Clients</span>
                        <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
                            Need It advisor For your business ? <br>
                            Please Call : <a href="tel:123884400" class="text-white">(123) 884400</a>
                        </h2>
                    </div>
                    <a href="contact.php" class="theme-btn hover-white wow fadeInUp" data-wow-delay=".5s">
                        <span>
                            Get a Free Quate
                           <i class="fas fa-chevron-right"></i>
                        </span>
                    </a>
                </div>
            </div>
        </section>-->

        <!--<< Feature Icon Box Section Start >>-->
        <!--
        <section class="feature-icon-box-area">
            <div class="container">
                <div class="feature-icon-box-wrapper">
                    <div class="row g-4">
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                            <div class="icon-box-items">
                                <div class="icon">
                                    <i class="flaticon-microchip"></i>
                                </div>
                                <div class="content">
                                    <h3>Voice Over Protocol</h3>
                                    <p>
                                        Average time to resolve a
                                        cyber attack.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                            <div class="icon-box-items active">
                                <div class="icon">
                                    <i class="flaticon-cloud-storage"></i>
                                </div>
                                <div class="content">
                                    <h3>Data Backup</h3>
                                    <p>
                                        Average time to resolve a
                                        cyber attack.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                            <div class="icon-box-items">
                                <div class="icon">
                                    <i class="flaticon-gear"></i>
                                </div>
                                <div class="content">
                                    <h3>It Consultancy</h3>
                                    <p>
                                        Average time to resolve a
                                        cyber attack.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>-->

        <!--<< Team Section Start >>-->
        <!--
        <section class="team-section section-padding">
            <div class="container">
                <div class="section-title text-center">
                    <span class="wow fadeInUp">our honurable team member</span>
                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                        We’ve Exclusive Team member <br>
                        Meet our Professionals
                    </h2>
                </div>
                <div class="team-wrapper">
                    <div class="row align-items-center">
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                            <div class="single-team-items">
                                <div class="team-image">
                                    <img src="assets/img/team/01.jpg" alt="team-img">
                                    <div class="social-profile">
                                        <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                        <ul>
                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="team-content text-center">
                                    <h4>
                                        <a href="team-detaills.html">Leslie Alexander</a>
                                    </h4>
                                    <p>CEO & Founder</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                            <div class="single-team-items">
                                <div class="team-image">
                                    <img src="assets/img/team/02.jpg" alt="team-img">
                                    <div class="social-profile">
                                        <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                        <ul>
                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="team-content text-center">
                                    <h4>
                                        <a href="team-detaills.html">Rodney J. Sabo</a>
                                    </h4>
                                    <p>Full Stack Developer</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                            <div class="single-team-items">
                                <div class="team-image">
                                    <img src="assets/img/team/03.jpg" alt="team-img">
                                    <div class="social-profile">
                                        <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                        <ul>
                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="team-content text-center">
                                    <h4>
                                        <a href="team-detaills.html">Hobilar David</a>
                                    </h4>
                                    <p>UI & UX DESIGNER</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".9s">
                            <div class="single-team-items">
                                <div class="team-image">
                                    <img src="assets/img/team/04.jpg" alt="team-img">
                                    <div class="social-profile">
                                        <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                        <ul>
                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="team-content text-center">
                                    <h4>
                                        <a href="team-detaills.html">Craig Hoffman</a>
                                    </h4>
                                    <p>Digital Marketer</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-5 col-lg-7 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                            <div class="single-team-items">
                                <div class="team-join-content text-center">
                                    <div class="circle-shape">
                                        <img src="assets/img/team/circle-shape.png" alt="shape-img">
                                    </div>
                                    <div class="dot-shape">
                                        <img src="assets/img/team/dot-shape.png" alt="shape-img">
                                    </div>
                                    <h2>JOIN OUR <span>TEAM</span></h2>
                                    <h3>98+ Member</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-1"></div>
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                            <div class="single-team-items">
                                <div class="team-image">
                                    <img src="assets/img/team/04.jpg" alt="team-img">
                                    <div class="social-profile">
                                        <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                        <ul>
                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="team-content text-center">
                                    <h4>
                                        <a href="team-detaills.html">Claire Divas</a>
                                    </h4>
                                    <p>Video Editor</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                            <div class="single-team-items">
                                <div class="team-image">
                                    <img src="assets/img/team/05.jpg" alt="team-img">
                                    <div class="social-profile">
                                        <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                        <ul>
                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="team-content text-center">
                                    <h4>
                                        <a href="team-detaills.html">Makhaia Antitni</a>
                                    </h4>
                                    <p>GRAPHIC DESIGNER</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>-->

        <!--<< Case Studies Start >>-->

        <div class="marque-section section-padding pt-0">
            <div class="marquee-wrapper text-slider">
                <div class="marquee-inner to-left">
                    <ul class="marqee-list d-flex">
                        <li class="marquee-item">
                            <span class="text-slider">锦麒无界，旅途无限。</span><span class="text-slider style-border"></span>   
                            <span class="text-slider">您的旅行管家，锦麒相伴。</span><span class="text-slider style-border"></span>
                            <span class="text-slider">发现旅行之美，享受锦麒之旅。</span><span class="text-slider style-border"></span>   
                            <span class="text-slider">锦麒世界，一站式尊享。</span><span class="text-slider style-border"></span>
                            </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--<< Case Studies Start >>-->
        <section class="case-studies-1 section-padding fix pt-0">
            <div class="container">
                <div class="case-studies-wrapper">
                    <div class="row g-0">
                        <div class="col-xl-7">
                            <div class="case-studies-content-area">
                                <div class="section-title">
                                    <span class="wow fadeInUp">专业、便捷、贴心，锦麒值得信赖。</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        业务实例
                                    </h2>
                                </div>
                                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                    感受我们专业的一站式服务                                </p>
                                <div class="case-studies-items">

                                    <!--
                                    <div class="case-studies-content">
                                        <div class="content wow fadeInUp" data-wow-delay=".3s">
                                            <h5 class="mb-2 wow fadeInUp" data-wow-delay=".3s">branding/</h5>
                                            <h3>
                                                <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked" data-image="assets/img/project/01.jpg">
                                                Coors Banquet Brand design
                                                </a>
                                            </h3>
                                        </div>
                                        <div class="content wow fadeInUp" data-wow-delay=".5s">
                                            <h5 class="mb-2">App Design/</h5>
                                            <h3>
                                                <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked" data-image="assets/img/project/02.jpg">
                                                Complete Project Marketing
                                                </a>
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="case-studies-content">
                                        <div class="content wow fadeInUp" data-wow-delay=".3s">
                                            <h5 class="mb-2">Market/</h5>
                                            <h3>
                                                <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked" data-image="assets/img/project/03.jpg">
                                                Digital Marketing 2024
                                                </a>
                                            </h3>
                                        </div>
                                        <div class="content wow fadeInUp" data-wow-delay=".5s">
                                            <h5 class="mb-2">UI Design/</h5>
                                            <h3>
                                                <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked" data-image="assets/img/project/04.jpg">
                                                Coors Banquet Brand design
                                                </a>
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="case-studies-content">
                                        <div class="content wow fadeInUp" data-wow-delay=".3s">
                                            <h5 class="mb-2">development/</h5>
                                            <h3>
                                                <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked" data-image="assets/img/project/05.jpg">
                                                web development Brand design
                                                </a>
                                            </h3>
                                        </div>
                                        <div class="content wow fadeInUp" data-wow-delay=".5s">
                                            <h5 class="mb-2">branding/</h5>
                                            <h3>
                                                <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked" data-image="assets/img/project/06.jpg">
                                                Coors Banquet Brand design
                                                </a>
                                            </h3>
                                        </div>
                                    </div>
                                -->
                                
                                <h4 style="color:rgb(239, 239, 239)">客户需求：</h4> 
                                <p style="color:rgb(239, 239, 239);padding-left: 7px;">
                                    一家三口计划在国庆节期间前往云南旅游，希望体验当地的自然风光和民族文化。
                                </p>
                                <h4 style="color:rgb(239, 239, 239)">服务流程：</h4>
                                <p style="color:rgb(239, 239, 239);padding-left: 7px;">
                                 旅行规划： 我们的管家服务团队与客户进行深入沟通，了解他们对旅行的具体期望，包括景点偏好、酒店要求和餐饮限制。<br>
                                 机票预定： 根据客户的时间安排，我们为他们预定了从上海出发到昆明的往返机票，并确保航班时间与整个旅行计划相匹配。<br>
                                 酒店代订： 我们为客户预定了昆明市中心的高端酒店，方便他们游览周边的著名景点。<br>
                                 行程安排： 安排了一系列的旅游活动，包括参观石林、游览大理古城和丽江古镇，以及体验云南少数民族的文化和美食。<br>
                                 车辆安排： 提供了私家车服务，确保客户在旅行期间的交通便利和舒适。<br>
                                 特色体验： 安排客户参加了当地的民族节庆活动，让他们深入体验云南的民族风情。<br>
                                 客户反馈： 客户对于整个旅行安排感到非常满意，特别是对我们提供的个性化服务和细致的行程规划表示赞赏。
                                </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-5 mt-5 mt-xl-0">
                            <div class="image case-studies-image">
                                <img id="myImage2" src="assets/img/project/01.jpg" alt="image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Counter Section Start >>-->
        <section class="counter-section section-padding pt-0 section-bg">
            <div class="line-shape">
                <img src="assets/img/line.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="counter-wrapper">
                    <div class="row g-4">
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                            <div class="counter-items text-center">
                                <div class="icon center">
                                    <i class="flaticon-earth-globe"></i>
                                </div>
                                <div class="content">
                                    <h2><span class="count">35</span>+</h2>
                                    <p>
                                        合作酒店集团
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                            <div class="counter-items text-center">
                                <div class="icon center">
                                    <i class="flaticon-verified"></i>
                                </div>
                                <div class="content">
                                    <h2><span class="count">853</span>+</h2>
                                    <p>
                                        合作景点
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                            <div class="counter-items text-center">
                                <div class="icon center">
                                    <i class="flaticon-financial-profit"></i>
                                </div>
                                <div class="content">
                                    <h2><span class="count">55</span>+</h2>
                                    <p>
                                        合作航空公司
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".9s">
                            <div class="counter-items text-center">
                                <div class="icon center">
                                   <i class="flaticon-infrastructure"></i>
                                </div>
                                <div class="content">
                                    <h2><span class="count">35</span>+</h2>
                                    <p>
                                        合作票务商
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Testimonial Section Start >>-->
        <section class="testimonial-section section-padding">
            <div class="container">
                <div class="section-title text-center">
                    <span class="wow fadeInUp">锦麒，我的旅行专家。</span>
                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                        客户评价
                    </h2>
                </div>
                <div class="testimonial-carousel-active">
                    <div class="testimonial-card-items">
                        <div class="author-items">
                            <div class="author-content">
                                <h5>潘*欣</h5>
                                <span>演唱会爱好者</span>
                            </div>
                        </div>
                        <p>
                            酒店优惠折扣很大，没有遇到问题，服务很好。机票和保险都是提前订好的，没怎么操心。
                        </p>
                        <ul>
                            <li>2024/3/26</li>
                        </ul>
                    </div>
                    <div class="testimonial-card-items">
                        <div class="author-items">
                            <div class="author-content">
                                <h5>刘*然</h5>
                                <span>游客</span>
                            </div>
                        </div>
                        <p>
                        非常满意！服务的速度和质量都很好，酒店真的离个个商区都很近，并且物美价廉。特别喜欢把客户当朋友的态度，对我们的态度既亲切同时也不失专业和礼数。非常完美，留给了我们自主选择的权利，同时帮我们解决了出行住宿等一系列问题
                        </p>
                        <ul>
                            <li>2023/5/15</li>
                        </ul>
                    </div>
                    <div class="testimonial-card-items">
                        <div class="author-items">
                            <!--<div class="author-image bg-cover" style="background-image: url('assets/img/testimonial/03.png');"></div>-->
                            <div class="author-content">
                                <h5>裴*豪</h5>
                                <span>商务人士</span>
                            </div>
                        </div>
                        <p>
                            还算满意，预订住宿，车票都很好；希望可以提供异性朋友同行！！（doge）
                        </p>
                        <ul>
                            <li>2024/1/23</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

       


    
    <!-- News Section Start --><!--
        <section class="news-section fix section-padding pt-0">
            <div class="container">
                <div class="section-title">
                    <span class="wow fadeInUp">trusted news & blogs</span>
                    <h2 class="wow fadeInUp" data-wow-delay=".3s">Read Our News & Blogs</h2>
                </div>
                <div class="row">
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="single-news-items">
                            <div class="news-image bg-cover" style="background-image: url('assets/img/news/01.jpg');">
                                <a href="news-details.html" class="icon">
                                    <i class="fal fa-arrow-right"></i>
                                </a>
                            </div>
                            <div class="news-content">
                                <ul class="post-date">
                                    <li>May 28, 2023</li>
                                </ul>
                                <h3>
                                    <a href="news-details.html">From Newbie to Ninja: 10 Essential IT Skills You Need</a>
                                </h3>
                               <div class="news-button mt-4">
                                    <a href="news-details.html" class="link-btn">
                                        <span>read more</span>
                                        <i class="fas fa-chevron-right"></i>
                                    </a>
                               </div>
                            </div>
                        </div>
                    </div>

                    <iframe src="https://post.jinqitrip.com.cn#123" ></iframe>
                        


                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="single-news-items active">
                            <div class="news-image bg-cover" style="background-image: url('assets/img/news/02.jpg');">
                                <a href="news-details.html" class="icon">
                                    <i class="fal fa-arrow-right"></i>
                                </a>
                            </div>
                            <div class="news-content">
                                <ul class="post-date">
                                    <li>june 28, 2023</li>
                                </ul>
                                <h3>
                                    <a href="news-details.html">A Complete Guide to Business Insurance perfect</a>
                                </h3>
                               <div class="news-button mt-4">
                                    <a href="news-details.html" class="link-btn">
                                        <span>read more</span>
                                        <i class="fas fa-chevron-right"></i>
                                    </a>
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>-->

        <!--<< Contact Section Start >>-->

        <!---
        <section class="contact-section fix section-padding">
            <div class="container">
                <div class="contact-wrapper">
                    <div class="shape-image">
                        <img src="assets/img/contact/bg-shape.png" alt="shape-img">
                    </div>
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="contact-image bg-cover" style="background-image: url('assets/img/contact/01.jpg');">
                                <div class="shape-image-2">
                                    <img src="assets/img/contact/shape-img.png" alt="shape-img">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-5 mt-lg-0">
                            <div class="contact-area">
                                <div class="section-title">
                                    <span class="wow fadeInUp">get in touch immidiate</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">Let’s Work Together</h2>
                                </div>
                                <div class="contact-form-items mt-5 mt-md-0">
                                    <form action="#" id="contact-form" method="POST">
                                        <div class="row g-3">
                                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                                                <div class="form-clt">
                                                    <input type="text" name="name" id="name" placeholder="First Name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                                                <div class="form-clt">
                                                    <input type="text" name="name" id="name2" placeholder="Last Name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                                                <div class="form-clt">
                                                    <input type="text" name="email" id="email" placeholder="Email Address">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                                                <div class="form-clt">
                                                    <input type="text" name="phone" id="phone" placeholder="Phone Number">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
                                                <div class="form-clt">
                                                    <textarea name="message" id="message" placeholder="Write Your Message"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 wow fadeInUp" data-wow-delay=".5s">
                                                <button type="submit" class="theme-btn">
                                                   <span>
                                                    Send Us Messages
                                                    <i class="fas fa-chevron-right"></i>
                                                   </span>
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    -->
        

         <!--<< Cta Chat Section Start >>-->
         <section class="cta-chat-section section-padding pt-0">
            <div class="container">
                <div class="cta-chat-wrapper">
                    <div class="chat-items wow fadeInUp" data-wow-delay=".3s">
                        <div class="icon">
                            <i class="flaticon-chat"></i>
                        </div>
                        <div class="content">
                            <h3>联系我们，享受贴心服务。</h3>
                            <p>旅行新选择，麟行不负所托。</p>
                        </div>
                    </div>
                    <a href="contact.php" class="theme-btn bg-white wow fadeInUp" data-wow-delay=".5s">
                       <span>
                            联系客服
                            <i class="fas fa-chevron-right"></i>
                       </span>
                    </a>
                </div>
            </div>
        </section>


        <?php include "./footer.html" ?>



        <!--<< All JS Plugins >>-->
        <script src="assets/js/jquery-3.7.1.min.js"></script>
        <!--<< Viewport Js >>-->
        <script src="assets/js/viewport.jquery.js"></script>
        <!--<< Bootstrap Js >>-->
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <!--<< Nice Select Js >>-->
        <script src="assets/js/jquery.nice-select.min.js"></script>
        <!--<< Waypoints Js >>-->
        <script src="assets/js/jquery.waypoints.js"></script>
        <!--<< Counterup Js >>-->
        <script src="assets/js/jquery.counterup.min.js"></script>
        <!--<< Slick Js >>-->
        <script src="assets/js/slick.min.js"></script>
        <!--<< Slick Animation Js >>-->
        <script src="assets/js/slick-animation.min.js"></script>
        <!--<< MeanMenu Js >>-->
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <!--<< Magnific Popup Js >>-->
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!--<< Wow Animation Js >>-->
        <script src="assets/js/wow.min.js"></script>
        <!--<< Circle Progress Js >>-->
        <script src="assets/js/circle-progress.js"></script>
        <!--<< Main.js >>-->
        <script src="assets/js/main.js"></script>
    </body>
</html>